 @import "../global/reset.scss";
 .search{
   .search-bar{
     position: relative;
     margin-top: 20px;
     right: 0;
     z-index: 0;
   }
   .ant-select-selection {
   border: none !important;
   background:none  !important;
  }
   .ant-select-selection--single .ant-select-selection__rendered{
     font-size: 12px;
     margin-right: 0;
   }
   .ant-select-arrow .ant-select-arrow-icon{
     margin-right: -8px;
   }
 }
.ant-select-dropdown-menu-item {
  font-size: 12px !important;
}
 .search-bar {
   position: absolute;
   z-index: 100;
   padding-left: 88px;
   margin-top: 24px;
   width: 152px;
   height: 30px;
   border-radius: 3px;
   border: 1px solid #E5E5E5;
   border-right: 0;
   background: #fff;
   box-sizing: content-box;
   right: 225px;
   top: 0;
   .search-input {
     position: relative;
     padding: 4px;

     input[type="search"] {
       height: 22px;
       line-height: 22px;
       font-size: 12px;
       background: #fff;
     }

     &:before {
       margin-right: 5px;
       content: "";
       width: 1px;
       height: 22px;
       display: inline-block;
       vertical-align: top;
       background: #eee;
     }
   }

   .search-select {
     position: absolute;
     left: 0;
     top: 0;
     width: 90px;
     text-align: center;
     color: #666;

     .selected {
       position: relative;
       line-height: 30px;
       cursor: pointer;

       &:after {
         position: absolute;
         right: 7px;
         top: 13px;
         content: "";
         width: 0;
         height: 0;
         display: inline-block;
         vertical-align: top;
         border-width: 5px 4px 5px 4px;
         border-style: solid;
         border-color: #3A78EA transparent transparent transparent;
       }
     }

     .options {
       position: absolute;
       left: 0;
       top: 31px;
       width: 100%;
       background: #fff;
       box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.16);
       display: none;

       li {
         line-height: 28px;

         &:hover {
           background: #EDEDED;
           cursor: pointer;
         }
       }
     }

     &:hover .options {
       display: block;
     }
   }

   .submit-button {
     position: absolute;
     right: -60px;
     top: -1px;
     width: 62px;
     height: 32px;
     line-height: 30px;
     border-radius: 0 3px 3px 0;
     background-color: #3A78EA;
     font-size: 18px;
     text-align: center;
     color: #fff;
     outline: none;
     overflow: hidden;
     font-family: "thunder";

     input[type="submit"] {
       position: absolute;
       left: 0;
       top: 0;
       width: 100%;
       opacity: 0;
       cursor: pointer;
       display: block;
       z-index: 1;
       filter: alpha(opacity=0);
       zoom: 2;
     }
   }
 }